<template>
  <div class="container">
    <Breadcrumb :items="['menu.setting', 'menu.setting.post']" />
    <a-card class="general-card" style="padding-top: 20px">
      <a-tabs default-active-key="1">
        <a-tab-pane key="1" title="基础信息">
          <BaseInfo />
        </a-tab-pane>
        <a-tab-pane key="2" title="应用信息">
          <AppInfo />
        </a-tab-pane>
        <a-tab-pane key="3">
          <template #title>支付信息</template>
          <PayInfo />
        </a-tab-pane>
        <a-tab-pane key="4">
          <template #title>Oss/Sms信息</template>
          <ExtraInfo />
        </a-tab-pane>
      </a-tabs>
    </a-card>
    <Form ref="formRef" />
  </div>
</template>
<script setup lang="ts">
import BaseInfo from '@/views/app/website/components/base-info.vue';
import AppInfo from '@/views/app/website/components/app-info.vue';
import PayInfo from '@/views/app/website/components/pay-info.vue';
import ExtraInfo from '@/views/app/website/components/extra-info.vue';

</script>
